<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS.css">
    <script defer src="https://use.fontawesom.com/release/v5.0.6/js/all.is"></script>
</head>
<body>
    
   <header class="head">
    <nav>
      <ul class="clearfix">
        <li>
            <div class="up">amigo账号登陆 |</div>
            <div class="down">amigo账号登陆 |</div>
        </li>
        <li>
            <div class="up">原账号登陆 |</div>
            <div class="down">原账号登陆 |</div>
        </li>
        <li>
            <div class="up">注册 |</div>
            <div class="down">注册 |</div>
        </li>
        <li>
            <div class="up">购物车</div>
            <div class="down">购物车</div>
        </li>
      </ul>
    </nav>
   </header>
   <div class="logo">
    <img src="./picture/img/logo.jpg" alt="logo">
    </div>
    <div class="search-box">
        <input class="search-txt" type="text" name="" placeholder="Type to search">
        <a class="search-btn" href="#"></a>
        <i class="fab fa-search"></i>
    </div>
   <div class="head-1">
 
    <span><a href="#">首页</a> <a href="#">手机</a> <a href="#"> 配件</a> <a href="#"> 服务</a> <a href="#"> 下载</a> <a href="#"> amigoOS</a></span> 
    <br><hr>
   </div>

   <div class="star1">
       <div class="title1">明星产品</div>
     <div class="title1-picture"> <span>
          <img src="./picture/img/star1.jpg" alt="">
        <img src="./picture/img/star2.jpg" alt="">
        <img src="./picture/img/star3.jpg"alt="">
    </span>
    </div>
    <span><div class="star1-title-font1">
    <ul>超清全面屏</ul>
    <ul>超高性比价</ul>
    <ul>4GB+64GB</ul>
    </div>
    <div class="star1-title-font2">
        <ul>前置2000万柔光双摄</ul>
        <ul>后置1600万双摄</ul>
        <ul>硬件级实时虚化</ul>
    </div>
    <div class="star1-title-font3">
    <ul>6.01英寸超清全面屏</ul>
    <ul>后置安全加密芯片</ul>
    <ul>后置1600万双摄</ul>
    </div>
</span>
    </div>
    
    <div class="star2">
        <div class="title2">热卖推荐</div>
        <div class="table1">
            <table border="1"  bgcolor="white">
                <tbody>
                 <tr>
                   <td rowspan="2"><img src="./picture/img/hot1.jpg" alt="this is a picture"></td>
                    <td><img src="./picture/img/fu-cen3.jpg" alt="this is a picture"><br><strong >金立K3</strong><br><p >5000mAh大电池，微Q八开</p><br><h3>￥999</h3></td>
                    <td><img src="./picture/img/fu-cen9.png" alt="this is a picture"><br><strong>S10C</strong><br><p >1600万柔光自拍</p><br><h3>￥1399</h3></td>
                    <td><img src="./picture/img/fu-cen2.jpg" alt="this is a picture"><br><strong>大金钢3</strong><br><p >6.0英寸高清全面屏</p><br><h3>￥1799</h3></td>
                </tr>
                <tr>
                    <td><img src="./picture/img/fu-cen2.jpg" alt="this is a picture"><br><strong>金钢3</strong><br><p >5.5英寸高清全面屏，4000mAh大电量</p><br><h3>￥1199</h3></td>
                    <td><img src="./picture/img/fu-cen5.jpg" alt="this is a picture"><br><strong >金立M6S Plus</strong><br><p >6020mAh超级续航、晓龙八核处理器</p><br><h3>￥3299</h3></td>
                    <td><img src="./picture/img/fu-cen9.png" alt="this is a picture"><br><strong>金立S9</strong><br><p>双摄柔光自拍，5.5英寸1080P高清屏</p><br><h3>￥1699</h3></td>
                </tr>
            </tbody>
          </div>
            </table>
        </div>
    </div>
    <div class="star3">
        <div class="title3">热卖推荐</div>
        <table border="1" bgcolor="white">
            <tbody>
            <tr>
                <td><img src="./picture/img/pr1.jpg" alt="this is a picture"><br><strong >线控自拍杆</strong><br><p >迷你携带线控美拍</p><br><h3>￥49</h3></td>
                <td><img src="./picture/img/pr2.jpg" alt="this is a picture"><br><strong >Micro USB数据线</strong><br><p >高速数据传输</p><br><h3>￥20</h3></td>
                <td><img src="./picture/img/pr3.jpg" alt="this is a picture"><br><strong >旅行充电器</strong><br><p>流线腰身，高效充电</p><br><h3>￥40</h3></td>
            </tr>
            <tr>
                <td><img src="./picture/img/pr4.jpg" alt="this is a picture"><br><strong>快速充电器</strong><br><p>高速快充，安全节能</p><br><h3>￥69</h3></td>
                <td><img src="./picture/img/pr5.jpg" alt="this is a picture"><br><strong >HiFi耳机</strong><br><p >Hi-Fi魔音，震撼享受</p><br><h3 >￥69</h3></td>
                <td><img src="./picture/img/pr6.png" alt="this is a picture"><br><strong >贴膜</strong><br><p >高清透光，耐磨防油污</p><br><h3 >￥10</h3></td>
            </tr>
        </tbody>
            </table>
    </div>
    <div class="star4">
        <div class="title4">品牌动态</div>
        <span class="title4-picture"><img src="./picture/img/shi1.jpg" alt="">
        <img src="./picture/img/shi2.jpg" alt="">
        <img src="./picture/img/fu.jpg" alt=""></span>
    </div>

    <div class="bottom1">
            <div class="picture"><img src="./picture/img/s1_03.jpg" alt=""></div>
            <div class="picture"><img src="./picture/img/s2_03.jpg" alt=""></div>
            <div class="picture"><img src="./picture/img/s3_03.jpg" alt=""></div>
            <div class="picture"><img src="./picture/img/s4_03.jpg" alt=""></div>
           <div class="bfont1"> <h4>7天<br>退货保障</h4></div>
            <div class="bfont2"><h4>30天<br>换货承诺</h4></div>
           <div class="bfont3"> <h4>99元起<br>全场免费运</h4></div>
            <div class="bfont4"><h4>579家<br>售后服务点</h4></div>
            </div>
    <hr>
    
    <div class="bottom5">
        <table border="0" cellpadding="10" cellspacing="50">
            <!-- 1 -->
            <tr>
            <td><strong>关于金立</strong></td>
            <td><strong>新闻资讯</strong></td>
            <td><strong>购物指南</strong></td>
            <td><strong>售后服务</strong></td>
            <td><strong>关注我们</strong></td>
           
                
            </tr>
            <tbody>
                <!-- 2 -->
                
            <tr >
                <td>企业荣誉</td>
                <td>公司新闻</td>
                <td>购物流程</td>
                <td>售后效果</td>
                <td>新浪微博</td>
                
            </tr>
            <!-- 3 -->
            <tr >
                <td>金立体验店</td>
                <td>媒体报道</td>
                <td>支付方式</td>
                <td>售后服务网点</td>
                <td>腾讯微博</td>
                <th rowspan="4"> <img src="./picture/img/erwm.jpg" alt=""></th>
            </tr>
            <!-- 4 -->
            <tr >
                <td>代理商专区</td>
                <td> </td>
                <td>配送说明及费用</td>
                <td>上门维修</td>
                <td>QQ空间</td>
                <td> </td>
            </tr>
            <!-- 5 -->
            <tr >
                <td>加入金立</td>
                <td> </td>
                <td>订单管理</td>
                <td>签收须知</td>
                <td> </td>
            </tr>
            <!-- 6 -->
            <tr >
                <td>联系我们</td>
                <td> </td>
                <td>购买常见问题</td>
                <td>物流查询</td>
                <td> </td>
            </tr>
            <tr>
                <td>供应/服务商需求咨询</td>
                <td> </td>
                <td>预置应用公示</td>
                <td> </td>
                <td> </td>
            </tr>
        </tbody>
    </table>
</div>
</div>
    <div class="bottom2">
        
    </div>
    <div class="bottom3">
        <div class="f1">
           <span> <h5>网站地图 | <select name="" id="b4">
               <option value="1">集团下属公司</option>
               <option value="2">总公司</option>
               <option value="3">子公司</option>
           </select> </h5></span>
       <span> <h5> 增值电信业务经营许可证：粤B2-20120350  粤ICP备05087105号  粤网文[2018]10835-3804号  粤文市审[2012]196号</h5>
     <div class="f2">
           <img src="./picture/img/cx.jpg" alt="">
            <img src="./picture/img/cx.jpg" alt="">
            <img src="./picture/img/anwang.jpg" alt="">  </div></span>
       <span><h5> Copyright@ 2013 深圳市金立通信设备有限公是 版权所有. </h5></span>
        </div>
        <select name="" id="ff4">
            <option value="1">自动检索</option>
            <option value="2">简体中文</option>
            <option value="3">英文</option>
        </select>
       </div>
    </div>
</body>
</html>